<template>
    <div class="home-button" @click="goPath('/')">
        <ActionIcon.Home />
    </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
import { ActionIcon } from '@/common/ActionIconList'

const router = useRouter()

function goPath(path: string) {
    router.push(path)
}
</script>

<style lang="scss" scoped>
.home-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;

    transition: all 0.3s;

    &:hover {
        color: orange;
        transform: translate(2px, 2px);
    }
}
</style>
